<div class="header-top">
  <div class="container center">
    <a href="" class="logo"></a>
    <ul class="private-menu">
      <li><a href="">登录</a><a href="" class="reg-btn">注册</a><b></b></li>
      <li><a href="">购物车</a><b></b></li>
      <li><a href="">消息</a><b></b></li>
      <li><a href="">添加良品</a></li>
    </ul>
  </div>
</div>
<!-- 头部主导航 -->
<ul class="main-nav center">
  <li><a href="index.html">首页</a></li>
  <li data-trigger=".shop-dropdown"><a href="shop.html">商店</a></li>
  <li data-trigger=".magazine-dropdown"><a href="">杂志</a></li>
  <li data-trigger=".share-dropdown"><a href="" >分享</a></li>
  <li><a href="">达人</a></li>
  <li><input type="text" class="search-txt" placeholder="Search..."><b></b><a href="" class="search-btn"></a></li>
</ul>
<!-- 头部主导航下拉列表 -->
<div class="container center">
  <div class="shop-dropdown menu">
    <ul class="sub-nav">
      <li><a href=""><img src="img/header/01jj.png" alt=""><span>家居</span></a></li>
      <li><a href=""><img src="img/header/02wj.png" alt=""><span>文具</span></a></li>
      <li><a href=""><img src="img/header/03sm.png" alt=""><span>数码</span></a></li>
      <li><a href=""><img src="img/header/04wl.png" alt=""><span>玩乐</span></a></li>
      <li><a href=""><img src="img/header/05cc.png" alt=""><span>餐厨</span></a></li>
      <li><a href=""><img src="img/header/06ms.png" alt=""><span>美食</span></a></li>
      <li><a href=""><img src="img/header/07fz.png" alt=""><span>服装</span></a></li>
      <li><a href=""><img src="img/header/08xb.png" alt=""><span>鞋包</span></a></li>
      <li><a href=""><img src="img/header/09ps.png" alt=""><span>配饰</span></a></li>
      <li><a href=""><img src="img/header/10mh.png" alt=""><span>美护</span></a></li>
      <li><a href=""><img src="img/header/11cx.png" alt=""><span>出行</span></a></li>
      <li><a href=""><img src="img/header/12ts.png" alt=""><span>图书</span></a></li>
      <li><a href=""><img src="img/header/13ys.png" alt=""><span>艺术</span></a></li>
      <li><a href=""><img src="img/header/14sj.png" alt=""><span>水具</span></a></li>
      <li><a href=""><img src="img/header/15yd.png" alt=""><span>运动</span></a></li>
      <li><a href=""><img src="img/header/16qq.png" alt=""><span>情趣</span></a></li>
    </ul>
    <img class="poster" src="img/header/poster.jpg"></img>
    <div class="bottom-section">
      <a href="">查看所有品牌 &gt;</a> <a href="">最新到货 &gt;</a>
    </div>
  </div>
  <div class="magazine-dropdown menu">
    <ul class="sub-nav">
      <li><a href="">趣物</a></li>
      <li><a href="">数码</a></li>
      <li><a href="">汽车</a></li>
      <li><a href="">文化</a></li>
      <li><a href="">时尚</a></li>
      <li><a href="">美食</a></li>
      <li><a href="">建筑</a></li>
      <li><a href="">空间</a></li>
      <li><a href="">圈子</a></li>
      <li><a href="">清单</a></li>
      <li><a href="">活动</a></li>
      <li><a href="">视频</a></li>
    </ul>
  </div>
  <div class="share-dropdown menu">
    <ul class="sub-nav">
      <li><a href="">男士</a></li>
      <li><a href="">家居</a></li>
      <li><a href="">数码</a></li>
      <li><a href="">工具</a></li>
      <li><a href="">玩具</a></li>
      <li><a href="">美容</a></li>
      <li><a href="">孩子</a></li>
      <li><a href="">宠物</a></li>
      <li><a href="">饮食</a></li>
      <li><a href="">运动</a></li>
      <li><a href="">文化</a></li>
      <li><a href="">女士</a></li>
    </ul>
  </div>
</div>
